/* BODY */
body {
	margin: 0; 
	padding: 0; 
	line-height: 1.5em; 
	position: static; 
}

.body2 {
	margin: 0; 
	padding: 0; 
	line-height: 1.5em; 
	background-image: url("../images/testImages/wallpaper.jpg"); 
	position: relative;
	background-size: 100% 100%; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat; 
}

/* HEADER */
#header {
	width: 100%;
	height: 210px;
	position: static;
	margin: 0px;
	padding: 0px;
}

#headerimg {
	width: 100%; 
	height: 100%; 
	position: fixed;
	background-position: center center;
	background-size: cover; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat; 
}

/* NAVIGATION */
#nav-outer { 
	height: 290px; 
	width: 100%;
	top: 60px;
	padding-top: 20px; 
	position: relative;  
	background-image: url("../images/testImages/headerbg.png"); 
}

#navigation { 
	height: 50%; 
	width: 25%; 
	margin: 0 10%; 
	background-image: url("../images/testImages/logo.png"); 
	background-size: 100% 100%;
	background-position: top left; 
	background-repeat: no-repeat;
}

/* SEARCH */
#search { 
	background-color: #051733; 
	float: right; 
	width: 220px; 
	padding: 10px; 
}

#searchtxt { 
	padding: 3px; 
	width: 150px; 
}

#searchbtn { 
	border: 1px solid #eee !important; 
	background-color: #CD2B3A; 
	color: #eee; 
	padding: 3px; 
	margin-left: 5px; 
}

/* HEADER TEXT */
#headertxt { 
	width: 960px; 
	margin: 800px 300px; 
	clear: both; 
	position: relative; 
	top: 74px; 
}

#firstline { 
	background-image: url("../images/testImages/textbg.png"); 
	color: #333; 
	font-size: 40px; 
	padding: 5px 13px 35px; 
	float: left; 
	display: block; 
}

#secondline { 
	background-image: url("../images/testImages/textbg.png"); 
	color: #CD2B3A; 
	text-decoration: none; 
	font-size: 60px; 
	padding: 10px 13px 10px; 
	float: left; 
	display: block; 
	clear: both; 
}

#secondline:hover { 
	text-decoration: underline; 
	color: #7F000C; 
}

.pictured { 
	background-color: #CC3333; 
	color: #FFF; 
	font-size: 30px; 
	padding: 9px 16px; 
	text-transform: uppercase; 
	float: left; 
	display: block; 
	clear: both; 
	margin-top: 10px; 
}

.pictured a { 
	font-size: 30px; 
	font-style: italic;
	letter-spacing: 0; 
	text-transform: none; 
	color: #FFF; 
	text-decoration: none; 
}

.pictured a:hover { 
	text-decoration: underline; 
}

/* CONTROLS */
.btn { 
	height: 45px; 
	width: 45px; 
	float: left; 
	cursor: pointer; 
}

#back { 
	background-image: url("../images/testImages/btn_back.png"); 
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#next { 
	background-image: url("../images/testImages/btn_next.png"); 
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#control { 
	background-image: url("../images/testImages/btn_pause.png"); 
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/* HEADER HAVIGATION */
#headernav-outer { 
	position: relative; 
	top: 600%; 
	margin: 0 auto; 
	width: 999px; 
}

#headernav { 
	padding-left: 864px; 
}

/* CENTER */
#centerframe {
	background: gray;
	width: 73%;
	height: 1400px;
	margin-left: 210px;
	opacity: 0.1;
	filter: alpha(opacity=10); /* For IE8 and earlier */
	position: relative;
	z-index: -999;
	border-radius: 15px;
	box-shadow: 20px 10px 10px black;
}

#banner {
	background: white;
	width: 70%;
	height: 400px;
	margin-left: 450px;
	margin-top: 80px;
	margin-bottom: 15px;
	position: relative;
	border-radius: 15px;
}

#banner h1 {
	font-style: bold;
	font-size: 60px;
	font-family: 'PT Sans Narrow', Calibri, sans-serif;
	margin-left: 45px;
}

#bannertext {
	margin-top: 30px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	color: #000;
	font-size: 35px;
	font-style: bold;
	font-family: 'PT Sans Narrow', Calibri, sans-serif;
}

#bannertext2 {
	margin-top: 20px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	color: #000;
	font-size: 35px;
	font-style: bold;
	font-family: 'PT Sans Narrow', Calibri, sans-serif;
}
	
#centerframe2 {
	background: white;
	width: 70%;
	height: 1600px;
	margin-left: 450px;
	margin-top: 20px;
	margin-bottom: 25px;
	position: relative;
	border-radius: 15px;
	font-family: 'PT Sans Narrow', Calibri, sans-serif;
}

#centerframe3 {
	background: white;
	width: 70%;
	height: 1600px;
	margin-left: 450px;
	margin-top: 90px;
	margin-bottom: 25px;
	position: relative;
	border-radius: 15px;
	font-family: 'PT Sans Narrow', Calibri, sans-serif;
}

#customlink {
	margin-left: 45px;
}

#customlink h1 {
	font-size: 45px;
	font-style: bold;
}

#customlink p,a {
	font-size: 35px;
}

.boxgrid {  
    width: 1370px;  
    height: 600px;  
    margin: 20px;  
    float: left;  
    border: solid 2px #8399AF;  
    overflow: hidden;  
    position: relative; 
    border-radius: 25px; 
    box-shadow: 10px 10px 10px gray;
}

.wedding {
	background: url("../images/testImages/wedding2.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.debut {
	background: url("../images/testImages/debut2.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.corporate {
	background: url("../images/testImages/corporate2.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.birthday {
	background: url("../images/testImages/birthday2.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.boxgrid p {
	color: #fff;
	font-size: 40px;
	font-family: 'PT Sans Narrow', Calibri, sans-serif;
	margin-left: 30px;
}

.boxgrid a {
	color: #fff;
	text-decoration: none;
}

.boxgrid h1 {
	color: #fff;
	font-size: 60px;
	font-style: bold;
	text-transform: uppercase;
	margin-left: 30px;
}

.boxcaption {  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 600px;  
    width: 100%;  
    opacity: .8;   
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    border-radius: 15px; 
}

.captionfull .boxcaption {  
    top: 260;  
    left: 0;  
}

.captionfull a {
	font-size: 40px;
	margin-left: 37%;
}

.caption .boxcaption {  
    top: 220;  
    left: 0;  
}
		
/* NAVIGATION MENU */
#menu {
	position: relative; 
	top: 85px;
}

#menu ul { 
	list-style: none; 
}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#menu .home {
	width: 330px;
	height: 175px;
	background: url(../images/testImages/home.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 150%;
}

#menu .beverages {
	width: 330px;
	height: 175px;
	background: url(../images/testImages/beverages.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 185%;
}

#menu .packages {
	width: 330px;
	height: 175px;
	background: url(../images/testImages/packages.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 220%;
}
	
#menu .contact {
	width: 330px;
	height: 175px;
	background: url(../images/testImages/contact.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 250%;
}

/** FOOTER **/
#footer {
	background: #000000;
	width: 100%;
	height: 380px;
	color: white;
	font-family: Calibri;
}

#menu2 {
	position: relative; 
	top: 10px;
}

#menu2 ul { 
	list-style: none; 
}

#menu2 a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
	
#menu2 .facebook {
	width: 120px;
	height: 100px;
	background: url(../images/testImages/facebook.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#menu2 .twitter {
	width: 120px;
	height: 100px;
	background: url(../images/testImages/twitter.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: 15%;
}
#menu2 .google {
	width: 120px;
	height: 100px;
	background: url(../images/testImages/google.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: 28%;	
}

#about {
	background: url(../images/testImages/about.png);
	background-size: 100% 100%;
}



